Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX] jQuery UI --> DatePicker
Barcelona
post
Post #1





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

Ostrzeżenie: (0%)
-----


Witam, chciałbym na stronie "zainstalować" jQuery UI z funkcją datepicker.
Według dokumentacji wystarczy zrobić upload plików na serwer, i w HEAD dać linki:

  1. <link type="text/css" href="css/themename/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
  2. <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
  3. <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>


Następnie

alement JS

  1. $(function() {
  2. $( "#datepicker" ).datepicker();
  3. });
  4. </script>


I według dokumentacji to wszystko jeżeli chodzi o "instalację" jQuery UI.
Jednak po zrobieniu tych czynności nie pokazuje się kalendarzyk po kliknięciu w input o id=darepicker.

Cóż robię źle?
Go to the top of the page
+Quote Post
jasin
post
Post #2





Grupa: Zarejestrowani
Postów: 142
Pomógł: 32
Dołączył: 21.08.2008
Skąd: Toruń

Ostrzeżenie: (0%)
-----


Wygląda jak byś wszystko robił dobrze. Lecą może jakieś błędy w konsoli (firebug / konsola błędów firefox)?
Go to the top of the page
+Quote Post
Barcelona
post
Post #3





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

Ostrzeżenie: (0%)
-----


Podejrzałem jedno z dem, dołączonych do paczki.
Tam okazało się że trzeba jeszcze dołączyć takie linijki kodu:
  1. <script src="../../jquery-1.7.1.js"></script>
  2. <script src="../../ui/jquery.ui.core.js"></script>
  3. <script src="../../ui/jquery.ui.widget.js"></script>
  4. <script src="../../ui/jquery.ui.datepicker.js"></script>


Oczywiście ../../...... trzeba dostosować do własnych potrzeb. Tylko czemu nie powiedzieli o tym w dokumentacji :/
Go to the top of the page
+Quote Post
Necsord
post
Post #4





Grupa: Zarejestrowani
Postów: 189
Pomógł: 60
Dołączył: 5.10.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Na upartego to napisali http://jqueryui.com/docs/Getting_Started , a na zdrowy rozsądek... to oczywiste chcąc jechać samochodem nie oczekujesz, że ciało człowieka ma wbudowany samochód.
Go to the top of the page
+Quote Post
cycofiasz
post
Post #5





Grupa: Zarejestrowani
Postów: 711
Pomógł: 127
Dołączył: 5.07.2008
Skąd: Łódź

Ostrzeżenie: (0%)
-----


Przecież na stronie UI można samemu przygotować paczkę z wybranymi modułami i wtedy wystarczy jeden plik custom.min.js
Go to the top of the page
+Quote Post
Barcelona
post
Post #6





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

Ostrzeżenie: (0%)
-----


Cytat
Przecież na stronie UI można samemu przygotować paczkę z wybranymi modułami i wtedy wystarczy jeden plik custom.min.js


Ja przygotowywałem sobie taką paczkę i ściągnąłem. Jednak proces instalacji nie przechodzi tak jak w dokumentacji. Trzeba łopatologicznie dochodzić do tego co i jak.
P.S. Jeszcze nie wdrożyłem Datepickera, więc jeszcze walcze.

Hmm bardzo dziwne, w końcu udało mi się wdrożyć datepicker, jednak nie tak jak spodziewałem się to zrobić :/
Otóż poza
  1. <link type="text/css" href="<? echo $baseUrl; ?>css/overcast/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
  2. <script type="text/javascript" src="<? echo $baseUrl; ?>js/jquery-1.4.4.min.js"></script>
  3. <script type="text/javascript" src="<? echo $baseUrl; ?>js/jquery-ui-1.8.18.custom.min.js"></script>

które musiałem w sekcji HEAD to musiałem dodać jeszcze te linijki kodu:
  1. <script src="<? echo $baseUrl; ?>ui/jquery.ui.core.js"></script>
  2. <script src="<? echo $baseUrl; ?>ui/jquery.ui.widget.js"></script>
  3. <script src="<? echo $baseUrl; ?>ui/jquery.ui.datepicker.js"></script>

Jednak nie tam gdzie zakładałem, czyli w również w sekcji HEAD tylko dopiero w includowanym pliku, czyli tam gdzie potrzebuje datepicker to tam daje linki do plików js.
Na szczęście działa, ale o dziwo w IE pojawia się błąd: "Błąd składni" oraz "Brak definicji jQuery"
Mam firebuga w chromie, ale konsola nie pokazuje mi żadnego błędu, ale pewnie dlatego że nie potrafie się nim posługiwać :/

Jeżeli możecie to looknijcie pod adres: adres
Go to the top of the page
+Quote Post
Despero
post
Post #7





Grupa: Zarejestrowani
Postów: 73
Pomógł: 6
Dołączył: 9.05.2008

Ostrzeżenie: (0%)
-----


Cytat(Barcelona @ 29.03.2012, 16:39:23 ) *
Jeżeli możecie to looknijcie pod adres: adres


Jeśli dobrze rozumiem to pod linkiem ma być ten twój kod, problem w tym, że tam nigdzie nie widzę pola do wstawiania daty...
Go to the top of the page
+Quote Post
Barcelona
post
Post #8





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

Ostrzeżenie: (0%)
-----


Wiem, ale i bez logowania IE wywala błąd, więc nie podawałem danych do konta.

Już włosy wyrywam z głowy.
Okazało się że firebug jako dodatek do Chrom'a jest ***** warty, ponieważ nie pokazał mi żadnego błedu.
Skorzystałem z oryginalnej konsoli CHROME, i o dziwo wypluło mi błędy:

Kod
Error in event handler for 'undefined': TypeError: Cannot set property 'innerText' of null
    at chrome-extension://bmagokdooijbeehmkpknfglimnifench/contentScript.js:206:23
    at chrome-extension://bmagokdooijbeehmkpknfglimnifench/contentScript.js:158:17
    at [object Object].dispatch (extensions/event.js:183:28)
    at extensions/miscellaneous_bindings.js:130:24
    at [object Object].dispatch (extensions/event.js:183:28)
    at Object.<anonymous> (extensions/miscellaneous_bindings.js:177:22)
Go to the top of the page
+Quote Post
Necsord
post
Post #9





Grupa: Zarejestrowani
Postów: 189
Pomógł: 60
Dołączył: 5.10.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


http://www.try-this.type.pl/js/jquery-1.4.4.min.js

I ty się dziwisz, że są błędy? A ten powyższy błąd to raczej z jednego z dodatków chrome'a.
Go to the top of the page
+Quote Post
Barcelona
post
Post #10





Grupa: Zarejestrowani
Postów: 322
Pomógł: 15
Dołączył: 29.01.2010

Ostrzeżenie: (0%)
-----


Fuck, jaka pierdoła!!! Sorki za problemy
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 05:16